<div class="element-group-each-child">
    <div class="element-group-style">
        <div class="element-group-style-title">
            <%=d.style%>
        </div>
        <div class="element-color-select">
            <div class="element-color-select-title">{{i18n-color}}：</div>
            <ul data-style="<%=d.list[0].code%>">
                <li>
                    <div data-color="white" class="circle circle-white"></div>
                </li>
                <li>
                    <div data-color="gold" class="circle circle-gold"></div>
                </li>
                <li>
                    <div data-color="red" class="circle circle-red"></div>
                </li>
                <li>
                    <div data-color="black" class="circle circle-black"></div>
                </li>
                <li>
                    <div data-color="gray" class="circle circle-gray"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="element-img-container">
        <ul>
            <% _.each(d.list,function(option){ %>
                <% if (!option.elementPreview && !option.elementImg) { %>
                    <li class="default-i can">
                <% } else {%>
                    <li class="can">
                <% } %>
                        <div class="element-img-div" data-toggle="tooltip" title="<%=option.elementName%>"><img class="liImg" data-id="<%=option.id%>" src="<%=(option.elementPreview ?option.elementPreview:option.elementImg )%>" /></div>
                </li>
                <% })%>

            <% _.each(d.category,function(op){
                var tempStr = "";
                if(op.length >15){
                tempStr =op.substr(0,15);
                tempStr+= "...";
                }else{
                tempStr = op;
                }
                %>
            <li class="notallow"><div class="element-font-div"><%=tempStr%></div></li>
            <% })%>
        </ul>
    </div>
    <% if (d.list.length + d.category.length > 26) { %>
        <div class="element-img-unfold ">{{i18n-expandAll}}&nbsp;&nbsp;<i class="glyphicon glyphicon-menu-down"></i></div>
    <% } %>

</div>